@charset "utf-8";
/*css reset*/
*{font-size:16px;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, 
i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time,
mark, audio, video,input,button{margin:0;padding:0;border:none;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
ul,ol,li{list-style:none;}
i,em{font-style:normal;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
a{text-decoration:none;}
em{font-style:normal;}
a,button,input,textarea{outline:none;-webkit-appearance:none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
input[type="text"]{-webkit-appearance:none;background:none;}
input[type="submit"]{-webkit-appearance:none;}
input[type="checkbox"]{border:1px solid #ccc;border-radius:0;}
input[type="password"]{-webkit-appearance:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}
input[type="tel"]{-webkit-appearance:none;background:none;}
body{font-family:微软雅黑,Arial,Helvetica,sans-serif;}
td,th{vertical-align:middle; }
.clear{clear:both;}
img{display: block;}
/*reset end*/


.bold{font-weight:bold;}
.rotate30{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg);}
.rotate-30{-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);}
.rotate45{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.rotate-45{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.rotate180{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.translate50{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}



* input::-moz-placeholder{color:#cfcfcf;font-family:微软雅黑,Arial,Helvetica,sans-serif;}
* input::-webkit-input-placeholder{color:#cfcfcf;font-family:微软雅黑,Arial,Helvetica,sans-serif;}
* input::-o-input-placeholder{color:#cfcfcf;font-family:微软雅黑,Arial,Helvetica,sans-serif;}
* input::-ms-input-placeholder{color:#cfcfcf;font-family:微软雅黑,Arial,Helvetica,sans-serif;}
.thin{font-weight:normal;}


/*========定义基础样式========*/
/*body{word-break: break-all;}*/
.hide { display:none;}
.hides{visibility: hidden;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; /*visibility:hidden;*/}
.clearfix { zoom:1; }
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.bac{background: #fff;}

.home .w{width: 1200px;margin:0 auto;}
.mobile .w{width: 92%;margin:0 auto;}
a.button{display:block;height:2.5em;line-height: 2.5em;font-size: 0.9375em;color: #fff;text-align:center;background: #ee3749;border-radius:0.3rem;}
a.buttons{display:block;height:2.5em;line-height: 2.5em;font-size: 0.9375em;color: #666;text-align:center;background: #ccc;border-radius:0.3rem;}  
.text_over1{width: 100%;white-space:nowrap;overflow: hidden; text-overflow: ellipsis;}
.text_over2{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 2;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 2;
-o-box-orient: vertical;
}
.text_over3{overflow: hidden;
text-overflow: ellipsis;
display: -ms-box;
-ms-line-clamp: 3;
-ms-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 3;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -o-box;
-o-line-clamp: 3;
-o-box-orient: vertical;
}
.bor_top{ border-top:1px #ddd solid;}
.bor_rig{ border-right:1px #ddd solid;}
.bor_bot{ border-bottom:1px #ddd solid;}
.bor_lef{ border-left:1px #ddd solid;}
.bor{ border:1px #ddd solid;}
.bor-radius{border-radius: 0.4rem;}
.bs{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tf{transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}

.w1200{width: 1200px;margin: 0 auto;}

/*header*/
.header{line-height: 84px;position: relative;top: 0;left: 0;width: 100%;z-index: 9;}
.header .h-1{background: #fff;padding: 0 35px 0 20px;box-sizing: border-box;}
.header a{display: block;color: #585858;font-size: 16px;}
.header .logo img{vertical-align: middle;}
/*.header .topNav{margin-left: 26px;}*/
.header .topNav>ul>li{float: left;padding: 0 36px 0 36.39px;position: relative;line-height: 44px;background: url(../images/icon/icon_2.png) center right no-repeat;transition-duration: .5s;}
.header .topNav>ul>li:last-child{background: none;}
.header .topOpr{margin-left: 30px;height: 84px;position: relative;float: right;}
/*.header .topOpr .lan{display: none;}*/
.header .topOpr .lan span{display: block;width: 96px;line-height: 30px;margin-top: 30px;padding-left: 15px;background: url(../images/icon/i1.png) 76px center no-repeat; border: 1px solid #999999;font-size: 12px;color: #999999;border-radius: 15px;cursor: pointer;}
/*.header .topOpr .sear{margin-left: 15px;}
.header .topOpr .sear span{width: 76px;line-height: 30px;padding-left: 37px;background: url(../images/icon/i2.png) 17px center no-repeat; display: block;border: 1px solid #999999;font-size: 12px;color: #999999;border-radius: 15px;margin-top: 30px;}*/
.header .topOpr ul>li{float: left;}
.header .topOpr ul>li a{font-size: 12px;color: #666;padding: 0 8px;background: url(../images/index/i3.png) center right no-repeat;transition-duration: .5s;}
.header .topOpr ul>li em{display: block;float: right;height: 13px;width: 1px;background-color: #666;}
.header .topOpr ul>li:nth-last-child(1) a{background-image: none;}
.header .topOpr .sear{padding-top: 28px;}
.header .topOpr .sear input{width: 160px;height: 30px;padding-left: 10px; line-height: 30px;border: 1px solid #3db3b1;font-size: 14px;color: #6b6b6b;float: left;}
/*.header .topOpr .sear button{width: 34px;height: 30px;display: block;float: left;background-color: #3db3b1;background: #3db3b1 url(../images/icon/i2.png) center no-repeat;}*/
.header .topOpr .sear .button{width: 34px;height: 30px;display: block;float: left;background-color: #3db3b1;background: #3db3b1 url(../images/icon/icon_1.png) center no-repeat;}
.header .w1200{position: relative;}
.header .topNav>ul>li:hover{background-color: #3db3b1;}
.header .topNav>ul>li:hover>a{color: #fff;}
/*.header .topOpr .searBox{position: absolute;line-height: 30px;height: 30px;display: none; border-radius: 15px;right: 0;top: 30px;font-size: 12px;border: 1px solid #999999;color: #999999;}
.header .topOpr .searBox input{color: #999;padding-left: 31px;height: 28px;display: block;}
.header .topOpr .searBox button{width: 14px;height: 14px; position: absolute;top: 8px;left: 11px;background: url(../images/icon/i2.png) left center no-repeat;}*/
.header .topNav{background-color: rgba(255,255,255,.6);}
.header .topNav .lis{display: none; position: absolute;top: 44px;padding-top: 20px;background: url(../images/icon/icon_3.png) center 10px no-repeat; left: 50%;z-index: 2;text-align: center;}
.header .topNav .lis ul{background-color: rgba(255,255,255,0.9);padding: 10px 0;box-shadow: 0 0 5px rgba(0,0,0,.3);}
.header .topNav .lis li{line-height: 30px;margin: 0 30px;white-space: nowrap;}
.header .topNav .lis li a{line-height: 30px; font-size: 14px;color: #555;}
.header .topNav .lis li a:hover{color: #3db3b1;}
.header .sec_bg{display: none; position: absolute;top: 84px;width: 100%; left: 0;height: 50px;background-color: rgba(255,255,255,.6);}
.header .lan{position: relative;}
.header .lan .lan_bac{display: none;width: 150px;padding-top: 12px; position: absolute;top: 77px;left: -24px;background: url(../images/icon/i9.png) center no-repeat;z-index: 2;text-align: center;}
.header .lan .lan_bac a{width: 100%;height: 100%; font-size: 16px;color: #555555;display: block;}
.header .lan .lan_bac li{line-height: 50px;}
.header .lan .lan_bac li a:hover{color: #3db3b1;}
.header .lan .lan_bac li:nth-child(1){border-bottom: 2px solid #3db3b1;}
.headerDrop{position: absolute;top: 84px;left: 0;width: 100%;}
.header .topOpr ul>li a:hover{color: #3db3b1;}
.headerDrop .topNav> ul li:nth-child(3){padding: 0 38px;}
.headerDrop .topNav> ul>li:nth-child(4){padding-right: 37px;}



/* .footer{margin-top: 20px;} */
.footer .links{height: 50px; background-color: #d3d3d3;}
.footer .links .w1200{padding: 0 20px;display: flex;justify-content: space-between;}
.footer .links select{width: 360px;height: 26px;line-height: 26px;padding-left: 10px;margin-top: 12px; border: 1px solid #adadad;background-color: #d3d3d3;font-size: 14px;color: #666666;}
/* .footer .links select{margin-right: 104px;} */
.footer .links select option{font-size: 14px;}
.footer .links select:nth-last-child(1){margin-right: 170px;}
.footer .links select:nth-child(1){margin-left: 170px;}
.footer .footerB{padding: 30px 0; background-color: #e8e8e8;}
.footer .footerB .footerB01{width: 366px;}
.footer .footerB .footerB01 img{display: block;margin: 0 auto;}
.footer .footerB .footerB02{padding-top: 8px;}
.footer .footerB .footerB02 p {line-height: 32px; font-size: 14px;color: #666666;font-weight: 700;}
.footer .footerB .footerB02 a {font-size: 14px;color: #666666;}
.footer .footerB .footerB02 p:nth-child(2){font-weight: 400;}
.footer .links select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  /*border: solid 1px #000;*/

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../images/icon/icon_15.png) no-repeat scroll 340px center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 26px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.footer .links select::-ms-expand { display: none; }






/*分页*/
.fy{padding-top: 20px;padding-bottom: 30px;}
.asp {width: 100%;}
.asp .pager {color: #5d5d5d;clear: both;width: 100%;margin: 20px auto 0;height: 30px;line-height: 30px;text-align: center;font-size: 14px;}
.asp .pager .cpb, .asp .pager a:hover {color: #FFF;font-weight: 100;background: #3db3b1;border: solid 1px #3db3b1;}
.asp .pager span, .asp .pager .nolink, .asp .pager a {display: inline-block;border: solid 1px #3db3b1;color: #3db3b1;line-height: 30px;margin: 0 5px;padding: 0px 11px;font-weight: 100;}
.asp .pager span.inp input {width: 51px;padding: 5px 0 5px 10px;height: 18px;font-size: 16px;color: #555;}
.asp .pager span.inp {margin: 1px auto 0;padding: 0px;width: 61px;height: 30px;background: #fff;border: solid 1px #eaeaea;border-right: none;}
.asp .pager span.no {margin: 0px;padding: 0px;width: 31px;font-size: 14px;}
.asp .pager span.no:hover {background: url(../images/icon/hobg_03.png) top left repeat-y;background-size: contain;color: #FFF;cursor: pointer;border: solid 1px transparent;}
.asp .pager .cpb, .asp .pager a:hover {color: #FFF;font-weight: 100;background: #3db3b1 url(../images/icon/hobg_03.png) top left repeat-y;background-size: contain;border: solid 1px #3db3b1;}

.pagination p{margin:0;cursor:pointer}  
.pagination{height:40px;padding:20px 0px;}  
.pagination a{display:block;float:left; margin-right:10px;padding:2px 12px;height:24px;border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:12px;line-height:24px;}  
.pagination a:hover{color:#3db3b1;background: white;border:1px #3db3b1 solid;}  
.pagination a.cur{border:none;background:#3db3b1;color:#fff;}  
.pagination p{float:left;padding:2px 12px;font-size:12px;height:24px;line-height:24px;color:#bbb;border:1px #ccc solid;background:#fcfcfc;margin-right:8px;}  
.pagination p.pageRemark{border-style:none;background:none;margin-right:0px;padding:4px 0px;color:#666;}  
.pagination p.pageRemark b{color:red;}  
.pagination p.pageEllipsis{border-style:none;background:none;padding:4px 0px;color:#808080;}  
.dates li {font-size: 14px;margin:20px 0}  
.dates li span{float:right}  
.asp .pager span.pageinfo{color: #b2b2b2;font-size: 14px;border: 0;}



.content{
  min-height: 500px;
}
.footer .footinfo{
  width: 100%;
  height: 315px;
  background: url(../images/page/footer_1.png) center no-repeat;
}
.footer .footinfo .uldiv {
  /* width: 1202px; */
  /* float: left; */
  /* margin: 0 auto; */
}
.footer .footinfo .uldiv .uldivnr {
  width: 200px;
  float: left;
  background: url(../images/icon/icon_16.png) no-repeat left top;
  height: 315px;
}
.footer .footinfo .uldiv .ul1 {
  width: 120px;
  background: url(../images/icon/icon_17.png) no-repeat 25px 25px;
  float: left;
  height: 285px;
  padding-left: 80px;
  padding-top: 30px;
}
.footer .footinfo .uldiv .ul2 {
  width: 120px;
  background: url(../images/icon/icon_18.png) no-repeat 25px 25px;
  float: left;
  height: 285px;
  padding-left: 80px;
  padding-top: 30px;
}
.footer .footinfo .uldiv .ul3 {
  width: 120px;
  background: url(../images/icon/icon_19.png) no-repeat 25px 25px;
  float: left;
  height: 285px;
  padding-left: 80px;
  padding-top: 30px;
}
.footer .footinfo .uldiv .ul4 {
  width: 120px;
  background: url(../images/icon/icon_20.png) no-repeat 25px 25px;
  float: left;
  height: 285px;
  padding-left: 80px;
  padding-top: 30px;
}
.footer .footinfo .uldiv .ul5 {
  width: 120px;
  background: url(../images/icon/icon_21.png) no-repeat 25px 25px;
  float: left;
  height: 285px;
  padding-left: 80px;
  padding-top: 30px;
}
.footinfo .uldiv .uldivnr2 {
  background: url(../images/icon/icon_16.png) no-repeat left top;
  width: 1px;
  height: 315px;
  float: left;
}
.footer .footinfo .uldiv ul .tit {
  line-height: 30px;
  color: #3B3B3B;
  font-size: 14px;
}
.footer .footinfo .uldiv ul a {
  line-height: 24px;
  color: #A4A4A4;
  font-size: 12px;
}
.footinfo .uldiv .uldivnr3 {
  width: 199px;
  float: left;
  background: url(../images/icon/icon_16.png) no-repeat left top;
  height: 290px;
  text-align: center;
  padding-top: 25px;
  color: #A4A4A4;
}


.banner{
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.banner .banner-img img{
  width: 100%;
}


body {
  background: #eeeef7;
}


table {
  border-top: #000 1px solid;
  border-right: #000 1px solid;
  margin: 0 auto;
}
table td {
  border-bottom: #000 1px solid;
  border-left: #000 1px solid;
}

.page{
    margin-top: 30px;
}
.page .w{
    display: flex;
    justify-content: center;
}
.page .page-item{
    color: #0066CC;
    background-color: #FFFFFF;
    text-decoration: none;
    border: #84A5CE solid 1px;
    padding: 2px 6px;
    margin-right: 5px;
}
.page .page-item a{
    color: #0066CC;
}
.page .page-item:hover {
    color: #fff;
    background-color: #4483DC;
}
.page .page-item:hover a{
    color: #fff;
}
.page .page-item.active {
    color: #fff;
    background-color: #4483DC;
}


.paging{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    min-height: inherit!important;
}

.paging .page-item{
    color: #0066CC;
    background-color: #FFFFFF;
    text-decoration: none;
    border: #84A5CE solid 1px;
    padding: 2px 6px;
    margin-right: 5px;
}
.paging .page-item a{
    color: #0066CC;
}
.paging .page-item:hover {
    color: #fff;
    background-color: #4483DC;
}
.paging .page-item:hover a{
    color: #fff;
}
.paging .page-item.active {
    color: #fff;
    background-color: #4483DC;
}